% !Mode:: "TeX:UTF-8"

\chapter{项目部署指南}

\section{简介}
饿了吧V2.0项目是使用了VUE3+SpringBoot开发的前后端分离项目。

\begin{itemize}
\item{项目前端技术架构}：
    \begin{itemize}
    \item{VUE3}：
    \end{itemize}
\item{项目后端技术架构：}: 
    \begin{itemize}
    \item{JDK 1.8}：
    \item{SpringBoot}：
    \item{Maven}：
    \item{MySQL}：
    \item{MyBatis}：
    \end{itemize}
\item{开发工具}: 
    \begin{itemize}
    \item{前端项目：HbuilderX}：
    \item{后端项目：STS（spring-tool-suite）}：
    \item{Mysql-5.5.62-winx64}：
    \item{Maven}：
    \end{itemize}
\end{itemize}

\section{安装部署指南}

\begin{itemize}
    \item{后端项目部署：}: 
        \begin{itemize}
        \item{安装}：安装jdk、Maven、STS、MySql
        \item{数据库准备}：在 mysql 数据库中创建数据库 elm，使用数据库脚本 elm.sql 创建数据库和初始数据
        \item{导入STS}：在 STS 中导入 elmboot 的 Maven 项目
        \item{SpringBoot}：打开 SpringBoot 配置文件 application.properties 修改数据库密码
        \item{完成部署}：运行 ElmbootApplication
        \end{itemize}
    \item{前端项目部署：}: 
        \begin{itemize}
        \item{安装}：安装 Node.js（也就是安装 npm）、安装 Vue-Cli
        \item{导入前端工程}：首先将前端工程导入到 HBuilderX 中
        \item{安装依赖}：切换到项目路径下，使用npm安装依赖:npm\quad install,安装成功后，在项目文件夹下出现node\_modules文件夹，里面是项目依赖
        \item{项目启动}：启动项目npm\quad run\quad serve
        \item{完成部署}：在浏览器中输入网址http://localhost:8081，进入首页
        \end{itemize}
\end{itemize}